<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拉勾教育 - 拉勾旗下教育平台</title>
    <link rel="shortcut icon" href="../lagou_favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/nomolize.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/lr_button.css">

</head>

<body>
    <!--提示框-->
    <div class="tips_content">

     
    </div>
    <div class="logandrg">
        <button class="close">

        </button>
        <div class="title_content">
            <div class="title_content1">
                拉勾教育
            </div>
            <div class="title_content2">
                互联网人实战大学
            </div>
        </div>
        <div class="logandrg_content">
            <ul class="option_conent">
                <li class="lg_li">
                   <span class="lg_text" id="lg_text">
                       登录
                   </span> 
                </li>
                <li class="rg_li">
                    <span class="rg_text" id="rg_text">
                        注册
                    </spa>
                </li>
            </ul>
            <!--登录框-->
            <div class="log_page">
            <input
             type="text" class="lg_username" id="lg_username" placeholder="请输入用户名">
            <input
             type="password" class="lg_password" id="lg_password" placeholder="请输入密码">
             <div class="lgbox">
                <input type="checkbox" id="check" class="checkbox" style="width: 15px;">
             <label for="check" class="checkboxtext">记住<br>密码</label>
             <button class="button_2" id="lg">登录</button>
           </div>
            </div>
            <!--注框-->
            <div class="rg_page">
                <input
                 type="text" class="rg_username" id="rg_username" placeholder="请输入用户名">
                <input
                 type="password" class="rg_password" id="rg_password" placeholder="请输入密码">
                 <div class="option_role" >
                     <h5 class="option_text">你的身份是？</h5>
                     <form name="myform">
                     <input type="radio" value="student" name="1" id="student" >
                     <label for="student" class="student">学生</label>
                     <input type="radio" value="teacher" name="1" id="teacher">
                     <label for="teacher" class="teacher">老师</label>
                    </form>
                 </div>
                 <div class="lgbox">
                 <button class="button_2" id="rg">注册</button>
               </div>
                </div>
        </div>   
    </div>
    <!-- 顶部白色框 -->
    <div class="top" id="top">
        <div class="middle w">
            <!-- 左半部分：logo -->
            <div class="logo">
                <img src="../images/logo.png">
                <span class="name">拉勾教育</span>
                <span class="desc">互联网人实战大学</span>
            </div>
            <!-- 右半部分:导航和用户登录注册 -->
            <div class="nav-user">
                <!-- 导航 -->
                <div class="nav">
                    <ul>
                        <li><a href="#" id="bold" class="onclick_bold">选课</a></li>
                        <li><a href="learn.html" id="bold">学习</a></li>
                        <li><a href="#" id="bold">企业培训</a></li>
                    </ul>
                </div>
                <!--用户未登录显示-->
                <div class="no_log">
                    <span class="log_button">
                        登录
                    </span>
                    <span class="rg_button">
                        注册
                    </span>
                    <img class="no_lr_img" src="../images/profile.png" alt="">

                </div>
                <!-- 用户已经登录 -->
                <div class="user">
                    <span class="username">aa</span>
                    <img class="header_img" src="../images/profile.png">
                    <ul class="menu">
                        <li ><a class="pc_cr" id="pc_cr" href="user.html">个人中心</a></li>
                        <li><a class="Thuichu" href="#">退出登录</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 轮播图banner模块 -->
    <div class="banner w">
        <ul class="list">
            <li class="item">1</li>
            <li class="item">2</li>
            <li class="item">3</li>
        </ul>
        <button type="button" class="btn" id="gePre"></button>
        <button type="button" class="btn" id="geNext"></button>
    </div>
    <!-- 公开课模块 -->
    <div class="public w">
        <!-- 上边栏框 -->
        <div class="bar">
            <div class="pub_name">公开课</div>
            <div class="more">更多</div>
        </div>
        <!-- 下边具体内容 -->
        <div class="public_course">
            <div class="pub_course1">
                <div class="content1">
                    <div class="pic">
                        <img src="../images/pub1.jpeg">
                    </div>
                    <div class="intro">
                        <div class="title">2年Java挑战30k Offer,面渣还是面霸</div>
                        <div class="explanation">2年Java挑战30kOffer, 面渣还是面霸</div>                  
                   </div>
                </div>
                <div class="info">
                    <span class="time">今日20:00开播</span>
                    <div class="appointment">预约提醒</div>
                </div>
            </div>
            <div class="pub_course2">
                <div class="content2">
                    <div class="pic">
                        <img src="../images/pub2.jpeg">
                    </div>
                    <div class="intro">
                         <div class="title">0基础转行数据分析怎么面——看他怎么表现</div>
                         <div class="explanation">0基础转行数据分析怎么面——看他怎么表现</div>                  
                    </div>
                </div>
                <div class="info2">
                    <span class="time">周二20:00开播</span>
                    <div class="appointment">预约提醒</div>
                </div>
            </div>
            <div class="pub_course3">
                <div class="content3">
                    <div class="pic">
                        <img src="../images/pub3.jpeg">
                    </div>
                    <div class="intro">
                        <div class="title">1年大数据想要薪资翻倍, Offer到手了吗</div>
                        <div class="explanation">1年大数据想要薪资翻倍, Offer到手了吗</div>                  
                   </div>
                </div>
                <div class="info3">
                    <span class="time">周四20:00开播</span>
                    <div class="appointment">预约提醒</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 限时秒杀模块 -->
    <div class="spike w">
        <div class="spi_title">
            <img src="../images/miaosha.png">
        </div>
        <div class="lightning">
            <img src="../images/lightning.png">
        </div>
        <!-- 课程部分 -->
        <div class="spi_all">
            <!-- 第一个课 -->
            <div class="spike_items">
                <div class="item_pic">
                    <img src="../images/course1.png">
                </div>
                <div class="item_intro">
                    <div class="title">抓包利器 Charles 实操指南</div>
                    <div class="teacher">蔡超  测试专家，VIPTEST 社群联合创始人</div>
                    <div class="number">1718人已抢</div>
                    <div class="footer">
                        <span class="price">￥1</span>
                        <span class="preprice">￥28</span>
                        <span class="times"></span>
                        <span class="purchase">立即抢</span>
                    </div>
                </div>
            </div>
            <!-- 第二个课 -->
            <div class="spike_items">
                <div class="item_pic">
                    <img src="../images/course2.png">
                </div>
                <div class="item_intro">
                    <div class="title">趣学设计模式</div>
                    <div class="teacher">蔡黄靖锋  前京东资深系统架构师</div>
                    <div class="number">1.59w人已抢</div>
                    <div class="footer">
                        <span class="price">￥8</span>
                        <span class="preprice">￥98</span>
                        <span class="times"></span>
                        <span class="purchase">立即抢</span>
                    </div>
                </div>
            </div>
            <!-- 第三个课 -->
            <div class="spike_items">
                <div class="item_pic">
                    <img src="../images/course3.png">
                </div>
                <div class="item_intro">
                    <div class="title">Netty 核心原理剖析与 RPC 实践</div>
                    <div class="teacher">若地  前美团点评技术专家</div>
                    <div class="number">1.53w人已抢</div>
                    <div class="footer">
                        <span class="price">￥8</span>
                        <span class="preprice">￥98</span>
                        <span class="times"></span>
                        <span class="purchase">立即抢</span>
                    </div>
                </div>
            </div>
            <!-- 第四个课-->
            <div class="spike_items">
                <div class="item_pic">
                    <img src="../images/course4.png">
                </div>
                <div class="item_intro">
                    <div class="title">Go 微服务实战 38 讲</div>
                    <div class="teacher">朱荣鑫  服务端技术专家，源图信息架构负责人</div>
                    <div class="number">1.75w人已抢</div>
                    <div class="footer">
                        <span class="price">￥8</span>
                        <span class="preprice">￥98</span>
                        <span class="times"></span>
                        <span class="purchase">立即抢</span>
                    </div>
                </div>
            </div>
            <!-- 第五个课 -->
            <div class="spike_items">
                <div class="item_pic">
                    <img src="../images/course5.png">
                </div>
                <div class="item_intro">
                    <div class="title">Android 工程师进阶 34 讲</div>
                    <div class="teacher">姜新星  前 360 技术专家</div>
                    <div class="number">1.4w人已抢</div>
                    <div class="footer">
                        <span class="price">￥8</span>
                        <span class="preprice">￥98</span>
                        <span class="times"></span>
                        <span class="purchase">立即抢</span>
                    </div>
                </div>
            </div>
            <!-- 最后：期待栏 -->
            <div class="spike_end">
                <div class="spi_pic">
                    <img src="../images/course6.png">
                </div >
                <div class="spi_content">更多秒杀正在路上，<br>敬请期待～</div>
            </div>
        </div>
    </div>
    <!-- 8点一课制作 -->
    <div class="eight_course w">
        <!-- 顶部介绍 -->
        <div class="bar">
            <div class="eight_name">八点一课</div>
            <div class="more">展开</div>
        </div>
        <!-- 具体课程 -->
        <!-- 第一课 -->
        <div class="course_list">
            <div class="ei_course1">
                <div class="eight_pic">
                    <img src="../images/eight1.png" alt="">
                </div>
                <div class="main">
                    <div class="eight_title">如何定位 Java 的 CPU 性能问题</div>
                    <div class="eight_slogan">8点一课|每天进步一点点</div>
                    <div class="eight_footer">
                        <span class="eight_price">￥1</span>
                        <span class="eight_number">2662人购买</span>
                    </div>
                </div>   
            </div>
            <!-- 第二课 -->
                <div class="ei_course2">
                    <div class="eight_pic">
                        <img src="../images/eight2.png" alt="">
                    </div>
                    <div class="main">
                        <div class="eight_title">Kafka 是如何做到消息不丢失或不重复的？</div>
                        <div class="eight_slogan">8点一课|每天进步一点点</div>
                        <div class="eight_footer">
                            <span class="eight_price">￥1</span>
                            <span class="eight_number">2253人购买</span>
                        </div>
                    </div>   
                </div>           
            <!-- 第三课 -->
            <div class="ei_course3">
                <div class="eight_pic">
                    <img src="../images/eight3.png" alt="">
                </div>
                <div class="main">
                    <div class="eight_title">尝鲜：鸿蒙 OS 应用开发</div>
                    <div class="eight_slogan">8点一课|每天进步一点点</div>
                    <div class="eight_footer">
                        <span class="eight_price">￥1</span>
                        <span class="eight_number">2897人购买</span>
                    </div>
                </div>   
            </div>   
            <!-- 第四课 -->
            <div class="ei_course4">
                <div class="eight_pic">
                    <img src="../images/eight4.png" alt="">
                </div>
                <div class="main">
                    <div class="eight_title">如何扛住亿级流量之布隆过滤器</div>
                    <div class="eight_slogan">8点一课|每天进步一点点</div>
                    <div class="eight_footer">
                        <span class="eight_price">￥1</span>
                        <span class="eight_number">3332人购买</span>
                    </div>
                </div>   
            </div>    
        </div>
    </div>
    <!-- 专栏制作 -->
    <div class="colunm w">
        <!-- 专栏标题 -->
        <div class="c_title">专栏</div>
        <!-- 专栏分类 -->
        <ul class="co_class">
            <li id="classify" value="0" class="current">全部</li>
            <li id="classify" value="1">后端&架构</li>
            <li id="classify" value="2">前端&移动</li>
            <li id="classify" value="3">数据分析 </li>
            <li id="classify" value="4">产品&设计</li>
            <li id="classify" value="5">市场&运营</li>
            <li id="classify" value="6">大数据&AI</li>
            <li id="classify" value="7">测试&运维</li>
            <li id="classify" value="8">职场&管理</li>
            <li id="classify" value="9">学生&入门</li>
        </ul>
        <!-- 课程列表 -->
        <div class="co_course_list" id="courses">
            <div id="all"></div>
            <div style="display: none;"></div>
            <div style="display: none;"></div>
            <div style="display: none;"></div>
            <div style="display: none;"></div>
            <div style="display: none;"></div>
            <div style="display: none;"></div>
            <div style="display: none;"></div>
            <div style="display: none;"></div>
            <div style="display: none;"></div>
        </div>
    </div>
    <!-- 返回顶部火箭制作 -->
    <div class="rocket">
        <a href="#top"></a>
    </div>

    <!-- 底部制作 -->
    <div class="footer">
        <div class="top">
            <div class="para w">
                <div class="left">
                    <div class="title">拉勾教育</div>
                    <div class="desc">拉勾旗下专为互联网人打造的实战大学</div>
                </div>
                <div class="right">
                    <div class="r_wrap">
                    <!--第一个图文-->
                        <div class="img_content">
                            <div class="img">
                                <img src="../images/code1.png" alt="">
                            </div>
                            <div class="content">
                                <div class="title">关注公众号</div>
                                <div class="des">接收一手优惠信息</div>
                            </div>
                        </div>
                        <!--第二个图文-->
                        <div class="img_content">
                            <div class="img">
                                <img src="../images/code2.png" alt="">
                            </div>
                            <div class="content">
                                <div class="title">下载APP</div>
                                <div class="des">随时随地学习</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="btm">©2021 拉勾网 京ICP备14023790号-2 京公网安备 11010802024043</div>
    </div>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script type="text/javascript" src="../js/logandrg.js"></script>
    <script type="text/javascript" src="../js/index.js"></script> 

</body>

</html>